﻿@{
    ViewBag.Title = "图片缩放，旋转测试";
}
<script src="/content/jquery-photo-gallery/jquery-photo-gallery/jquery.js"></script>
<script src="/content/jquery-photo-gallery/jquery-photo-gallery/jquery.photo.gallery.js"></script>
<style>
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        overflow: hidden;
    }

    img {
        max-width: 300px;
        max-height: 200px;
    }
</style>
<div class="jumbotron">
    <p class="lead">
        图片缩放，旋转测试
    </p>

    <h2>双击图片显示大图</h2>
    <div class="gallerys">
     

        <img class="gallery-pic" src="/content/images/1.jpg" ondblclick="$.openPhotoGallery(this)" />
        <img class="gallery-pic" src="/content/images/2.jpg" ondblclick="$.openPhotoGallery(this)" />
        <img class="gallery-pic" src="/content/images/3.jpg" ondblclick="$.openPhotoGallery(this)" />
        <img class="gallery-pic" src="/content/images/4.jpg" ondblclick="$.openPhotoGallery(this)" />
    </div>

</div>


